﻿html {
    background-color:  #CFCFCF ;
    margin: 0;
    padding: 0;
}
 

body {
    background-color: #E8E8E8  ;
    border-top: solid 10px #000;
    color: #333;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 70px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.center
 {
 margin-left:auto;
 margin-right:auto;
 width:70%;
 background-color:#ccd8cd;
 }

.float-left {
    float: left;
    padding:30px;
}

.float-right {
    float: right;
}

.content-wrapper {
    margin: 0 auto;
    max-width: 960px;
}


/* site title
----------------------------------------------------------*/
.site-title {
    color: #999;
    font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
    font-size: 2.3em;
    margin: 0;
}

.site-title a, .site-title a:hover, .site-title a:active {
    background: none;
    color: #999;
    outline: none;
    text-decoration: none;
}


#SideBar
{
    float :left;
    margin:10px;
    padding :20px;
   width:225px;
    font-style: normal;
    font-size: 2em;
    
}

/*#sidebar{

    background-color: #d2d2d2;
    float: left;
    width: 200px;
}

#content{
float: left;
width: 760px;
}*/






/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.form-group {
}